.searchResultEngine .searchResultContent .category {
  .ant-collapse {
    background: transparent;
  }
  // 左侧分类
  .categoryLeft {
    background-color: transparent;
    // height: 500px;
    // overflow-y: auto;
    // overflow-x: unset;
    .ant-collapse-header {
      padding: 5px 0;
      color: var(--ant-primary-color);

      .anticon-caret-right {
        right: 10px;
        transition: transform 0.3s;

        &.top {
          transform: translateY(-50%) rotate(-90deg);
        }

        &.right {
          transform: translateY(-50%) rotate(90deg);
        }
      }

      .ant-collapse-header-text {
        margin-left: 15px;
        // width: ;
      }
    }
    .multipleHeader,
    .radioHeader {
      .ant-collapse-header-text .ant-typography {
        font-size: 14px;
      }
      .leftCustomValueComtainer {
        padding: 0 15px 0 0;
      }
    }
    .ant-collapse-content-box {
      padding: 0;

      .categoryAll {
        position: relative;
        z-index: 10;
        margin-left: 2px;
        padding-top: 10px;
        padding-bottom: 5px;
        background-color: #fff;

        // .all {
        //   margin-left: 10px;
        // }

        .anticon-right-circle {
          display: none;
          float: right;
          margin-right: 10px;
          color: #aaa;
          font-size: 12px;
          line-height: 24px;

          svg {
            transition: transform 0.3s;
          }
        }

        .category-content {
          display: none;
          max-height: 170px;
          overflow: auto;
        }

        &.categoryhover .anticon-right-circle {
          display: block;
        }

        &.categoryhover:hover {
          width: calc(var(--category-item-width) * var(--width-multiple) + 5px);
          overflow: -moz-scrollbars-none;
          border-radius: 4px;
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12);

          ::-webkit-scrollbar {
            width: 0 !important;
            height: 0;
          }

          &+.category-content {
            display: none;
          }

          .anticon svg {
            transform: rotate(180deg);
          }

          .category-content {
            display: block;
            margin-top: 5px;
            margin-left: 10px;
          }

          .categoryMultipleItemBox {
            button {
              margin: 0;
              padding: 0 0 0 33px;
              text-align: left;
            }
          }
        }
      }

      .category-content {
        width: 100%;
        margin-bottom: 10px;

        li {
          display: inline-block;
          width: var(--category-item-width);
          margin-top: 5px;
          // padding: 0 10px;
        }
      }
    }

    .ant-collapse-item {
      border-color: #eee;
    }

    .categoryItemBox {
      button {
        max-width: calc(var(--category-item-width) - 20px);
        height: 30px;
        margin-left: 20px;
      }
    }

    .categoryMultipleItemBox {
      button {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0 0 0 25px;
        text-align: left;
      }
    }

    .categoryLeftChild {
      .ant-collapse-header {
        padding-left: 15px;
        color: #666;
        font-size: 12px;
        .ant-collapse-header-text .ant-typography {
          font-size: 12px;
        }
        .ant-typography {
          line-height: 24px;
        }
      }

      .ant-collapse-item:last-child {
        border-bottom: none;
      }

      .categoryMultipleItemBox {
        button {
          padding: 0 0 0 45px;
        }
      }
    }

    .whole {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-right: 15px;
      margin-bottom: 5px;
      .ant-btn {
        font-size: 12px;
      }
    }
  }
}

.categoryOverLay {
  left: 30px !important;
  max-width: 740px;
  padding: 0;
  overflow: -moz-scrollbars-none;
  border-radius: 4px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12);
  ::-webkit-scrollbar {
    width: 0 !important;
    height: 0;
  }

  .ant-popover-inner-content {
    padding: 0 !important;
  }

  .ant-popover-content {
    border-radius: 4px;
  }

  .ant-popover-inner {
    border-radius: 4px;
  }

  .ant-popover-arrow {
    display: none;
  }

  .anticon svg {
    transform: rotate(180deg);
  }

  .category-content {
    display: flex;
    flex-wrap: wrap;
    max-height: 180px;
    padding: 12px 20px 12px 8px;
    overflow: auto;

    li {
      height: 34px;
      line-height: 34px;
    }

    .categoryItem-Icon {
      width: 16px;
      height: 16px;
      margin-right: 5px;
      margin-bottom: 4px;

      &+span {
        max-width: calc(100% - 20px);
      }
    }
  }

  .categoryItemBox {
    button {
      width: 140px;
      margin: 0;
      text-align: left;
      &:hover {
        background-color: var(--ant-primary-1);
      }
    }
  }
}

.categoryOverLayThree {
  left: 40px !important;
}

.showStyleSelect {
  width: 159px;
  border-radius: 4px;

  .ant-select-item-option {
    .anticon {
      color: #666;
    }

    .checkIcon {
      visibility: hidden;
    }
  }

  .ant-select-item-option-active,
  .ant-select-item-option-selected {
    color: var(--ant-primary-color);
    background-color: transparent;

    .anticon {
      color: var(--ant-primary-color);
    }
  }

  .ant-select-item-option-selected {
    .checkIcon {
      visibility: visible;
    }
  }
}